
#nav {
    user-select: none;
    color: white;
    width: 100%;
}
.top{
  background: #E86B99;
  padding-bottom: 30px;
}

.logo {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
  padding: 30px 30px 20px 30px;
}
.logo i {
  width: 40px;
  height:48px;
  background-image: url('../../assets/img/logo.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
  margin-right: 15px;
}
.title {
    font-size: 20px;
}
.search{
 width: 100%;
 padding: 0 10%;
  text-align: center;
}
.search .title{
  margin-bottom: 15px;
}
.roll_search{
  display: flex;
  justify-content:center;
}
.roll_search .roll_search_box{
  width: 100%;
  height: 55px;
  border: 2px solid #FBBDC5;
  padding: 5px 0;
  border-radius: 6px;
}
.roll_search_box input[type=text]{
  height: 45px;
  border: none;
  font-size: 16px;
  color: white;
  width: calc(100% - 45px);
  padding-left: 15px;
  background-color: #E86B99;

}
.roll_search_box input[type=text]:focus{
  outline: none;
  border: none;
}
/*去除input框获取焦点时的边框*/
.roll_search_box input[type=text]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: white;
}

.roll_search_box input[type=text]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
}

.roll_search_box input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
}

.roll_search_box input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}
.search_logo {
  width: 31px;
  height:31px;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 5px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.menu{
  width: 100%;
  padding: 0 20%;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 320px){
  .menu{
    padding: 0 15%;
  }
}
@media screen and (min-width: 768px){
  .menu{
    padding: 0 35%;
  }
}




